<li class="chat-item">
    <div class="dot hidden"></div>
    <div class="avatar">
        <img src="https://moyuu.gitee.io/image/avatar.jpeg" alt="" width="50px">
    </div>
    <div class="userinfo">
        <div class="username">
            <span class="text">Janmas</span>
            <span class="time">14:56</span>
        </div>
        <div class="message">啊大苏打大苏打大撒旦</div>
    </div>
</li>
